<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/mui.min.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/login.css" />
</head>
<body>
    <header class="mui-bar mui-bar-nav">
    <h1 class="mui-title">登录</h1>
    </header>
    <div class="mui-content">
        <div class="mui-content-padded mui-text-center">
            <img src="images/logo.png" width="80" height="80"/>
        </div>
        <form id='login-form' class="mui-input-group">
            <div class="mui-input-row">
                <label>账号</label>
                <input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
            </div>
            <div class="mui-input-row">
                <label>密码</label>
                <input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
            </div>
        </form>
        <form class="mui-input-group">
            <ul class="mui-table-view mui-table-view-chevron">
                <li class="mui-table-view-cell">
                    自动登录
                    <div id="autoLogin" class="mui-switch">
                        <div class="mui-switch-handle"></div>
                    </div>
                </li>
            </ul>
        </form>
        <div class="mui-content-padded">
            <button id='login' class="mui-btn mui-btn-block mui-btn-cyan">登录</button>
            <div class="link-area">
                <a id='reg'>注册账号</a> <span class="spliter">|</span>
                <a id='forgetPassword'>忘记密码</a>
            </div>
        </div>
        <div class="mui-content-padded oauth-area"></div>
    </div>
    <script src="js/mui.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/login.js"></script>
</body>
</html>